// pages/order/order.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    markers: [
      {
      id: 1,
      latitude: 28.65619,
      longitude: 115.87683,
      height:'40rpx',
      width:'30rpx',
      zIndex:1,
      name: '蜜雪冰城(洪城店)'
      
    },
    {
      id:2,
      latitude: 28.670778,
      longitude: 115.940528,
      height:'40rpx',
      width:'30rpx',
      name: "蜜雪冰城(上海路店)"
    },
    {
      id:3,
      latitude: 28.674836,
      longitude: 115.888463,
      height:'40rpx',
      width:'30rpx',
      name: "蜜雪冰城(步行街店)"
    },
    {
      id:4,
      latitude: 28.675,
      longitude: 115.899978,
      height:'40rpx',
      width:'30rpx',
      name: "蜜雪冰城(八一公园店)"
    },
    {
      id:5,
      latitude: 28.660685,
      longitude: 115.910423,
      height:'40rpx',
      width:'30rpx',
      name: "蜜雪冰城(井冈山大道)",
    },
    {
      id:6,
      latitude: 28.662607,
      longitude: 115.87992,
      name: "蜜雪冰城(抚生路店)",
      height:'40rpx',
      width:'30rpx'
      
    },
    {
      id:7,
      latitude: 28.659918,
      longitude: 115.889,
      name: "蜜雪冰城(桃苑店)",
      height:'40rpx',
      width:'30rpx'
      
    },
    {
      id:8,
      latitude: 28.670418,
      longitude: 115.8884,
      name: "蜜雪冰城(孺子路)",
      height:'40rpx',
      width:'30rpx'
      
    },
    {
      id:9,
      latitude: 28.66289,
      longitude: 115.89879,
      name: "蜜雪冰城(绳金塔店)",
      height:'40rpx',
      width:'30rpx'
      
    }
  ],
    statusBarHeight:wx.db.statusbarhright,//电量栏高度
    slide:true,
    closemap:true,
    longitude:null,
    latitude:null,
    showslide:false,
    slidenums:null
  },
  nearby(e){
    console.log(e.target.id);
    let nav =e.target.id
    if(nav== 1){
      this.setData({
        slide:true
      })
    }else{
      this.setData({
        slide:false
      })
    }
  },
  searchmap(){
    wx.chooseLocation({
      latitude: this.data.latitude,
      longitude:this.data.longitude,
      success:res =>{
        console.log(res);
        this.setData({
          latitude: res.latitude,
          longitude:res.longitude,
        })
      }
    })
  },
  closemap(){
    if(this.data.closemap==true){
      this.setData({
        closemap:false
      })
    }else{
      this.setData({
        closemap:true
      })
    }
    
  },
  showsolid(e){
    console.log(e.target.dataset.index);
    this.setData({
      showslide:true,
      slidenums:e.target.dataset.index - 1
    })
  },
  neworder(){
    wx.navigateTo({
      url: `/pages/newoder/newoder`,
      // 打开点餐页面，传入店面数据，渲染店面菜品内容
      success:res =>{
        // console.log(res);
        let arr = this.data.markers[this.data.slidenums]
        //将信息传入新页面，在新页面监听acceptDataFromOpenerPage
        res.eventChannel.emit('acceptDataFromOpenerPage', { arr })
      }
    })
  },
  onClose(){
    this.setData({
      showslide:false
    })
  },
  
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady(e) {
    this.mapCtx = wx.createMapContext('myMap')
  },
  moveToLocation(){
    // console.log(this.mapCtx);
    // console.log(this.data.markers);
    this.mapCtx.moveToLocation()
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    wx.getLocation({
      type:'wgs84',
      success:(res)=> {
        // console.log(res);
        this.setData({
          latitude: res.latitude,
          longitude: res.longitude,
        })
      }
    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})